import { computed, defineComponent, ref } from 'vue';
import Basic from './Basic.vue';
import Dark from './Dark.vue';
import FactoryImmediate from './FactoryImmediate.vue';
import FactoryPromise from './FactoryPromise.vue';
import Headers from './Headers.vue';
import Multiple from './Multiple.vue';
import RestrictionBasic from './RestrictionBasic.vue';
import RestrictionFilter from './RestrictionFilter.vue';
import SlotHeader from './SlotHeader.vue';
import SlotList from './SlotList.vue';
import UploadAuto from './UploadAuto.vue';
import UploadURL from './UploadURL.vue';

export default defineComponent({
  name: 'App',
  props: {},
  emits: [],

  setup(props, { attrs, emit, expose, slots }) {
    expose({});

    return () => {
      return (
        <div class='block'>
          <div class='block-'>
            <h5 class='title'>Basic</h5>
            <Basic />
          </div>
          <div class='block-'>
            <h5 class='title'>Dark</h5>
            <Dark />
          </div>
          <div class='block-'>
            <h5 class='title'>FactoryImmediate</h5>
            <FactoryImmediate />
          </div>
          <div class='block-'>
            <h5 class='title'>FactoryPromise</h5>
            <FactoryPromise />
          </div>
          <div class='block-'>
            <h5 class='title'>Headers</h5>
            <Headers />
          </div>
          <div class='block-'>
            <h5 class='title'>Multiple</h5>
            <Multiple />
          </div>
          <div class='block-'>
            <h5 class='title'>RestrictionBasic</h5>
            <RestrictionBasic />
          </div>
          <div class='block-'>
            <h5 class='title'>RestrictionFilter</h5>
            <RestrictionFilter />
          </div>
          <div class='block-'>
            <h5 class='title'>SlotHeader</h5>
            <SlotHeader />
          </div>
          <div class='block-'>
            <h5 class='title'>SlotList</h5>
            <SlotList />
          </div>
          <div class='block-'>
            <h5 class='title'>UploadAuto</h5>
            <UploadAuto />
          </div>
          <div class='block-'>
            <h5 class='title'>UploadURL</h5>
            <UploadURL />
          </div>
        </div>
      );
    };
  },
});
